.container {
	width: 100%;
	min-height: calc(100% - env(safe-area-inset-bottom));
	padding-bottom: env(safe-area-inset-bottom);
	background: #2ab2fe;
	display: flex;
	flex-direction: column;
	align-items: center;

	.mainBox {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.mainBox .topBox {
		width: 100%;
		position: relative;
	}
	.mainBox .topBox .topTxt {
		width: 60%;
		position: absolute;
		top: 20rpx;
		left: 20%;
	}
	.mainBox .topBox .topTxt .nameList {
		width: 100%;
		height: 44rpx;
	}
	.mainBox .topBox .topTxt .nameList .nameItem {
		width: 100%;
		height: 44rpx;
		line-height: 44rpx;
		font-weight: 400;
		font-size: 24rpx;
		color: #ffffff;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.mainBox .addrBox {
		padding: 36rpx;
		width: calc(100% - 72rpx);
		background: #ffffff;
		border-radius: 24rpx;
		display: flex;
		flex-direction: column;
	}
	.mainBox .addrBox .addrTitle {
		margin-bottom: 20rpx;
		width: 100%;
		font-weight: 500;
		font-size: 32rpx;
		color: #202020;
	}

	.mainBox .addrBox .addrRow {
		padding: 20rpx 0;
		width: 100%;
		border-bottom: 2rpx solid #f0f0f0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.mainBox .addrBox .addrRow .rowName {
		width: 128rpx;
		font-weight: 400;
		font-size: 26rpx;
		color: #545458;
		line-height: 48rpx;
	}

	.mainBox .addrBox .addrRow .rowInput {
		width: calc(100% - 128rpx);
		height: 100%;
		position: relative;
	}
	.mainBox .addrBox .addrRow .rowInput > input {
		padding: 0 10rpx;
		width: calc(100% - 20rpx);
		height: 100%;
		border: none;
		font-weight: 400;
		font-size: 26rpx;
		line-height: 48rpx;
	}

	.mainBox .addrBox .addrRow .rowInput > input:focus,
	.mainBox .addrBox .addrRow .rowInput > input:active {
		border: none;
	}

	.mainBox .addrBox .addrRow .rowInput > picker {
		padding: 0 10rpx;
		width: calc(100% - 20rpx);
		height: 100%;
		border: none;
		font-weight: 400;
		font-size: 26rpx;
		line-height: 48rpx;
	}

	.mainBox .addrBox .addrRow .rowRight:after {
		content: '';
		position: absolute;
		width: 16rpx;
		height: 16rpx;
		right: 12rpx;
		top: 16rpx;
		border: 2rpx solid #888788;
		border-left-color: transparent;
		border-bottom-color: transparent;
		transform: rotate(45deg);
	}

	.mainBox .addrBox .addrBtn {
		margin: 30rpx 30rpx 0;
	}
	.mainBox .addrBox .addrBtn button {
		width: 100%;
		padding: 0;
		margin: 0;
		border: none;
		background: transparent;
	}

	.mainBox .addrBox .addrBtn button::after {
		border: none;
	}
	.mainBox .addrBox .addrBtn button:active > image {
		opacity: 0.8;
	}
	.mainBox .stepBox {
		margin: 32rpx;
		padding: 30rpx 12rpx;
		width: calc(100% - 64rpx - 24rpx);
		background: #ffffff;
		border-radius: 24rpx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}
	.mainBox .stepBox .stepTitle {
		margin-top: 36rpx;
		padding: 0 20rpx;
		font-weight: bold;
		font-size: 28rpx;
		color: #202020;
	}

	.mainBox .stepBox .stepText {
		margin-top: 24rpx;
		margin-bottom: 24rpx;
		padding: 0 20rpx;
		font-weight: 400;
		font-size: 24rpx;
		color: #545458;
		line-height: 44rpx;
	}
}
